<template>
	<view class="cardetail">
		<view class="section">
			<view class="bluecircle"></view>
			<view class="explain">权益说明</view>
			<view class="explaindesc">{{ cardData.rightsDesc }}</view>
		</view>
	</view>
</template>
<script>
import { getdetail } from '@/api/http/card.js'
export default {
	components: {},
	data() {
		return {
			cardData: [],
			domainPrefix: ''
		}
	},
	// 取路由参数
	onLoad(opt) {
		this.domainPrefix = opt.domainPrefix
	},
	created() {
		this.getStorememberinformation()
	},
	methods: {
		// 获取店铺会员卡信息
		getStorememberinformation() {
			getdetail({ domainPrefix: this.domainPrefix }).then(res => {
				if (res.code === 200) {
					this.cardData = res.data
				} else {
					uni.showToast({
						title: res.message,
						icon: ''
					})
				}
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.cardetail {
	min-height: 100vh;
	background: #f3f3f6;
	padding: 34rpx 35rpx;
	box-sizing: border-box;

	.section {
		margin-bottom: 58rpx;
	}

	.bluecircle {
		width: 18rpx;
		height: 18rpx;
		display: inline-block;
		background: rgba(0, 150, 255, 1);
		border-radius: 50%;
	}

	.explain {
		font-size: 30rpx;
		padding-left: 6rpx;
		display: inline-block;
		font-family: 'PingFang SC';
		font-weight: bold;
		color: rgba(34, 34, 34, 1);
		margin-bottom: 16rpx;
	}

	.explaindesc {
		font-size: 26rpx;
		font-family: 'PingFang SC';
		font-weight: 500;
		color: rgba(86, 86, 86, 1);
		line-height: 44rpx;
	}

	.phone {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(0, 150, 255, 1);
	}
}
</style>
